@charset "UTF-8";
/*======*/


body{background: #ffffff;}
input,button,select,textarea{outline:none}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}

@media all{
html, body {font-size: 16px;}
}

@media (min-height: 220px) and (min-width: 140px){
html, body {font-size: 9px;}
}
@media (min-height: 140px) and (min-width: 220px){
html {font-size: 9px;}
}

@media (min-height: 280px) and (min-width: 210px), (min-height: 210px) and (min-width: 280px), (min-height: 280px) and (min-width: 280px){
html, body {font-size: 14px;}
}
@media (min-height: 460px) and (min-width: 300px), (min-height: 300px) and (min-width: 460px){
html, body {font-size: 16px;}
}

@media (min-height: 620px) and (min-width: 340px), (min-height: 340px) and (min-width: 620px){
html, body {font-size: 20px;}
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1463907790_895725.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1463907790_895725.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1463907790_895725.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fanhui:before { content: "\e601"; }
.icon-yanzhengma:before { content: "\e602"; }
.icon-shouji:before { content: "\e603"; }
.icon-yaochi:before { content: "\e600"; }
.icon-biezhen:before { content: "\e604"; }

header .h-cont{  height: 5rem; line-height: 5rem; position: fixed; width: 100%; z-index: 99; background: #f19601;}
header .h-l{ color: #ffffff; }
header .h-r{ text-align: center; color: #ffffff; font-size:2rem;  height: 5rem; line-height: 5rem;width: 100%; color: #ffffff; }
header .h-t{ width: 8rem; position: absolute; top: 0; right: 0;  text-align: center; color: #ffffff; font-size:1.7rem; height: 6rem; line-height: 6rem;color: #ffffff; }
header .h-t a{ color: #ffffff;  }

/*头部占位*/
.h-ocupie{height: 5rem; width: 100%; overflow: hidden;}
.icon-person{ font-size:3rem; position: fixed; top: 0px; left: 1rem;}


/*底部分类*/
.my_ocupie{ height:7.3rem; width:100%; overflow:hidden;}
.home-nav-down {width: 100%; text-align: center; background: #ffffff; position:fixed; bottom:0px; left:0; z-index:9999; height:4em;  border-top:1px solid #d2d2d2;}
.home-nav-down td { border-left: 1px solid #FFFFFF; width: 24.99999%; }
.home-nav-down td.last{border-width: 0px;}
.home-nav-down td a { display: block; color: #666666; font-size:1em; padding:0.6em 0; text-decoration:none;}
.home-nav-down td .iconfont { padding-bottom:0.05em; font-size:1.8em; height: 1em; line-height: 1em; width: 100%; display: block;}
.home-nav-down td a.current { display: block; color: #f19601;  padding:0.5em 0;}


/*内容*/

.my_recharge{ width:100%;  overflow:hidden; background: #f5f5f5;}
.my_recharge .tip{width:100%;  overflow:hidden; background: #ffffff;}
.my_recharge  .tip3,
.my_recharge .tip4{width:50%;  overflow:hidden; float: left; height: 5rem; line-height: 5rem; color: #333333; font-size:2rem; text-align: center; }

.my_recharge .current{ border-bottom: 0.3rem solid #f19601; color: #f19601; }
.my_recharge form{ margin-top: 2rem; }
.my_recharge .cont{  width: 100%; height: 6rem; overflow: hidden; position: relative; border-bottom: 1px solid #cfcfcf; background: #ffffff;}
.my_recharge  .tittle{  width: 100%; height: 6rem;overflow: hidden; line-height: 6rem; color:#333333; font-size:2rem;border-bottom: 1px solid #d2d2d2;  padding: 0 2rem; margin-top: 2rem; background: #ffffff;}

.my_recharge .cont span{ width:30%; height: 6rem; overflow: hidden; position: absolute; top: 0px; left:2rem; display: block;  line-height: 6rem; color:#333333;font-size:2rem;}
.my_recharge .cont .txt{ width: 100%; height: 6rem;overflow: hidden; padding-left: 11rem; line-height: 6rem; color:#000000; font-size:2rem; border: none;}
.my_recharge .cont  .t1{color: #f65b5f;}
.my_recharge .c1 span{  width:40%; }
.my_recharge .c1 .txt{ padding-left: 12.5rem; }
.my_recharge .c1  i{color: #f18c33;  font-size: 2rem;}



.my_recharge .paybody{width:100%;  overflow:hidden; background: #ffffff; margin-top: 2rem;}
.my_recharge .paybody .ptit{width:100%;  overflow:hidden;line-height:5rem;color:#999999;  padding:0 1rem;height:5rem;font-size:2rem; border-bottom: 1px solid #d2d2d2;}
.my_recharge .pcont{width:90%;overflow:hidden; position: relative;height:6rem; margin:2rem  auto 0 auto;  border-bottom: 1px solid #d2d2d2;}
.my_recharge .last{border:0;}
.my_recharge .pcont .mycash,
.my_recharge .pcont .mybank,
.my_recharge .pcont .myweixin{ position:absolute; top: 0px; left: 0px; height: 5rem; width: 100%; display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0.0;}
.my_recharge .pcont span{ height:5rem;line-height:5rem;color:#000000;font-size: 2rem; display: block;  }
.my_recharge .pcont i{ height:5rem;line-height:5rem;color:#f18c33; font-size: 5rem; float: left; padding-right:1rem;}
.my_recharge .pcont .icon2{color:#cccccc; float: right;font-size: 3rem; }
.my_recharge .pcont input[type=radio]:checked + .icon2{color:#f55054;}
.my_recharge .pcont .bank{color:#0c3084;}
.my_recharge .pcont .weixin{color:#3cb034;}



.my_recharge .recharge_btn{  width:94%; height: 5rem;overflow: hidden; margin: 3rem auto 0 auto; line-height: 5rem; color:#ffffff; font-size:2rem; background: #f55054;
  border: none;  position: relative; left: 50%; margin-left: -47%; border-radius: 0.5rem;}

